/* -- IMPORTANT - WONDERFLUX CSS -- */

.container {

/* Fixes bottom of containers so text doesn't screwup vertical spacing*/
padding-bottom: 1px; margin-bottom: -1px; }

/* Get rid of stupid outlines that ruin our design */

a, a:active { outline: none; }

/* Get rid of stupid outlines that ruin our design */

a, a:focus { -moz-outline-style: none; }

.alignright { float: right; padding-left: 20px; padding-bottom: 10px; }

.alignleft { float: left; padding-right: 20px; padding-bottom: 10px; }

.aligncenter { text-align: center; padding: 0 20px 0 20px; }

/* TODO: Core WordPress styling */

.wp-caption {  }

.wp-caption-text {  }

.gallery-caption {  }

.sticky {  }

.bypostauthor {  }

/* -- CORE STRUCTURE -- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */

a img { border: none; }

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */

html { font-size: 100.01%; }

body { font-size: 75%; color: #222; background: #fff; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }

/* -- Tables -- */

table { margin-bottom: 1.4em; width: 100%; }

th { font-weight: bold; }

thead th { background: #c3d9ff; }

th,td,caption { padding: 4px 10px 4px 5px; }

tr.even td { background: #e5ecf9; }

tfoot { font-style: italic; }

caption { background: #eee; }

/* -- Misc classes -- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }

.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }

.hide { display: none; }

.quiet { color: #666; }

.loud { color: #000; }

.highlight { background: #ff0; }

.added { background: #060; color: #fff; }

.removed { background: #900; color: #fff; }

.first { margin-left: 0; padding-left: 0; }

.last { margin-right: 0; padding-right: 0; }

.top { margin-top: 0; padding-top: 0; }

.bottom { margin-bottom: 0; padding-bottom: 0; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 { float: right; position: relative; }

/* -- Misc classes and elements -- */

/* In case you need to add a gutter above/below an element */

.prepend-top { margin-top: 1.5em; }

.append-bottom { margin-bottom: 1.5em; }

/* Use this to create a horizontal ruler across a column. */

hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; }

hr.space { background: #fff; color: #fff; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }

.clearfix, .container { display: block; }

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear: both; }

/* -- Forms -- */

label { font-weight: bold; }

fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }

legend { font-weight: bold; font-size: 1.2em; }

input[type=text], input[type=password], input.text, input.title, textarea, select { background-color: #fff; border: 1px solid #bbb; }

input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color: #666; }

input[type=text], input[type=password], input.text, input.title, textarea, select { margin: 0.5em 0; }

input.text,
input.title { width: 300px; padding: 5px; }

input.title { font-size: 1.5em; }

textarea { width: 390px; height: 250px; padding: 5px; }

input[type=checkbox], input[type=radio], input.checkbox, input.radio { position: relative; top: .25em; }

form.inline { line-height: 3; }

form.inline p { margin-bottom: 0; }

/* Notices */

.error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }

.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }

.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }

.error a { color: #8a1f11; }

.notice a { color: #514721; }

.success a { color: #264409; }